<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>运动动画效果</title>
	<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>
<body>
	<div id="side_play">
		<span class= "txt">匀速运动</span>
		<span id="side_bar">侧边栏</span>
	</div>
	<div id="box_alpha">
	<span class= "txt">匀速渐变</span>
	</div>

	<div id="side_play_2">
		<span class= "txt">缓冲运动</span>
		<span id="side_bar_2">侧边栏</span>
	</div>

	<div id="box_three_play">
		<ul>
			<li><span class="txt">多个</span></li>
			<li><span class="txt">物体</span></li>
			<li><span class="txt">运动</span></li>
		</ul>
	</div>
	<div id="box_four_alpha">
		<ul>
			<li><span class="txt">多个</span></li>
			<li><span class="txt">物体</span></li>
			<li><span class="txt">渐变</span></li>
			<li><span class="txt">运动</span></li>
		</ul>
	</div>
	<div id="box_change">
		<span class="txt">我是一个多变的盒子</span>
	</div>
	<div id="box_change_t">
		<span class="txt">我是一起变的盒子</span>
	</div>
<script src="scripts/script.js"></script>
</body>
</html>